<div class="row space-section">
    <div class="col-xs-7 beta">
        <div class="box clearfix happy shadow">
            <div class="col-xs-12 padding-minus-bottom space-section">
                <ul class="history">
                    <li>
                        <div class="heading">
                            <div class="title"><a href="#" style="color: #5A4181;">iStick A300, máy tính nhỏ gọn với vi xử lý 2/4 nhân chạy Android với nhiều cổng kết nối</a></div>
                            <div class="icon">
                                <?php echo Fuel\Core\Asset::img('icon/icon-eating.jpg', array('style' => 'width: 30px; border-radius: 2px;'));?>
                            </div>
                            <div class="datetime">Ngày 15 tháng 10 năm 2014</div>
                            <div class="aff uppercase">CHEMGIO</div>
                        </div>
                        <p class="row"> 
                            <?php echo Fuel\Core\Asset::img('happy/happy.jpeg', array('class' => 'col-xs-4 img-responsive beta'));?>
                            <span class="col-xs-8">Trong khi Surface Pro 3 vẫn còn nóng hổi thì hôm nay chúng ta tiếp tục có thêm thông tin về lộ trình sản phẩm trong tương lai của Microsoft. Những thông tin này được tin là xuất phát từ một nhân viên đang làm việc cho các dự án của Microsoft.</span>
                        </p>
                    </li>
                    <li>
                        <div class="heading">
                            <div class="title"><a href="#" style="color: #5A4181;">iStick A300, máy tính nhỏ gọn với vi xử lý 2/4 nhân chạy Android với nhiều cổng kết nối</a></div>
                            <div class="icon">
                                <?php echo Fuel\Core\Asset::img('icon/icon-eating.jpg', array('style' => 'width: 30px; border-radius: 2px;'));?>
                            </div>
                            <div class="datetime">Ngày 15 tháng 10 năm 2014</div>
                            <div class="aff uppercase">CHEMGIO</div>
                        </div>
                        <p class="row"> 
                            <?php echo Fuel\Core\Asset::img('happy/happy.jpeg', array('class' => 'col-xs-4 img-responsive beta'));?>
                            <span class="col-xs-8">Trong khi Surface Pro 3 vẫn còn nóng hổi thì hôm nay chúng ta tiếp tục có thêm thông tin về lộ trình sản phẩm trong tương lai của Microsoft. Những thông tin này được tin là xuất phát từ một nhân viên đang làm việc cho các dự án của Microsoft.</span>
                        </p>
                    </li>
                    <li>
                        <div class="heading">
                            <div class="title"><a href="#" style="color: #5A4181;">iStick A300, máy tính nhỏ gọn với vi xử lý 2/4 nhân chạy Android với nhiều cổng kết nối</a></div>
                            <div class="icon">
                                <?php echo Fuel\Core\Asset::img('icon/icon-eating.jpg', array('style' => 'width: 30px; border-radius: 2px;'));?>
                            </div>
                            <div class="datetime">Ngày 15 tháng 10 năm 2014</div>
                            <div class="aff uppercase">CHEMGIO</div>
                        </div>
                        <p class="row"> 
                            <?php echo Fuel\Core\Asset::img('happy/happy.jpeg', array('class' => 'col-xs-4 img-responsive beta'));?>
                            <span class="col-xs-8">Trong khi Surface Pro 3 vẫn còn nóng hổi thì hôm nay chúng ta tiếp tục có thêm thông tin về lộ trình sản phẩm trong tương lai của Microsoft. Những thông tin này được tin là xuất phát từ một nhân viên đang làm việc cho các dự án của Microsoft.</span>
                        </p>
                    </li>
                    <li>
                        <div class="heading">
                            <div class="title"><a href="#" style="color: #5A4181;">iStick A300, máy tính nhỏ gọn với vi xử lý 2/4 nhân chạy Android với nhiều cổng kết nối</a></div>
                            <div class="icon">
                                <?php echo Fuel\Core\Asset::img('icon/icon-eating.jpg', array('style' => 'width: 30px; border-radius: 2px;'));?>
                            </div>
                            <div class="datetime">Ngày 15 tháng 10 năm 2014</div>
                            <div class="aff uppercase">CHEMGIO</div>
                        </div>
                        <p class="row"> 
                            <?php echo Fuel\Core\Asset::img('happy/happy.jpeg', array('class' => 'col-xs-4 img-responsive beta'));?>
                            <span class="col-xs-8">Trong khi Surface Pro 3 vẫn còn nóng hổi thì hôm nay chúng ta tiếp tục có thêm thông tin về lộ trình sản phẩm trong tương lai của Microsoft. Những thông tin này được tin là xuất phát từ một nhân viên đang làm việc cho các dự án của Microsoft.</span>
                        </p>
                    </li>
                    <li>
                        <div class="heading">
                            <div class="title"><a href="#" style="color: #5A4181;">iStick A300, máy tính nhỏ gọn với vi xử lý 2/4 nhân chạy Android với nhiều cổng kết nối</a></div>
                            <div class="icon">
                                <?php echo Fuel\Core\Asset::img('icon/icon-eating.jpg', array('style' => 'width: 30px; border-radius: 2px;'));?>
                            </div>
                            <div class="datetime">Ngày 15 tháng 10 năm 2014</div>
                            <div class="aff uppercase">CHEMGIO</div>
                        </div>
                        <p class="row"> 
                            <?php echo Fuel\Core\Asset::img('happy/happy.jpeg', array('class' => 'col-xs-4 img-responsive beta'));?>
                            <span class="col-xs-8">Trong khi Surface Pro 3 vẫn còn nóng hổi thì hôm nay chúng ta tiếp tục có thêm thông tin về lộ trình sản phẩm trong tương lai của Microsoft. Những thông tin này được tin là xuất phát từ một nhân viên đang làm việc cho các dự án của Microsoft.</span>
                        </p>
                    </li>
                    <li>
                        <div class="heading">
                            <div class="title"><a href="#" style="color: #5A4181;">iStick A300, máy tính nhỏ gọn với vi xử lý 2/4 nhân chạy Android với nhiều cổng kết nối</a></div>
                            <div class="icon">
                                <?php echo Fuel\Core\Asset::img('icon/icon-eating.jpg', array('style' => 'width: 30px; border-radius: 2px;'));?>
                            </div>
                            <div class="datetime">Ngày 15 tháng 10 năm 2014</div>
                            <div class="aff uppercase">CHEMGIO</div>
                        </div>
                        <p class="row"> 
                            <?php echo Fuel\Core\Asset::img('happy/happy.jpeg', array('class' => 'col-xs-4 img-responsive beta'));?>
                            <span class="col-xs-8">Trong khi Surface Pro 3 vẫn còn nóng hổi thì hôm nay chúng ta tiếp tục có thêm thông tin về lộ trình sản phẩm trong tương lai của Microsoft. Những thông tin này được tin là xuất phát từ một nhân viên đang làm việc cho các dự án của Microsoft.</span>
                        </p>
                    </li>
                    <li>
                        <div class="heading">
                            <div class="title"><a href="#" style="color: #5A4181;">iStick A300, máy tính nhỏ gọn với vi xử lý 2/4 nhân chạy Android với nhiều cổng kết nối</a></div>
                            <div class="icon">
                                <?php echo Fuel\Core\Asset::img('icon/icon-eating.jpg', array('style' => 'width: 30px; border-radius: 2px;'));?>
                            </div>
                            <div class="datetime">Ngày 15 tháng 10 năm 2014</div>
                            <div class="aff uppercase">CHEMGIO</div>
                        </div>
                        <p class="row"> 
                            <?php echo Fuel\Core\Asset::img('happy/happy.jpeg', array('class' => 'col-xs-4 img-responsive beta'));?>
                            <span class="col-xs-8">Trong khi Surface Pro 3 vẫn còn nóng hổi thì hôm nay chúng ta tiếp tục có thêm thông tin về lộ trình sản phẩm trong tương lai của Microsoft. Những thông tin này được tin là xuất phát từ một nhân viên đang làm việc cho các dự án của Microsoft.</span>
                        </p>
                    </li>
                    <li>
                        <div class="heading">
                            <div class="title"><a href="#" style="color: #5A4181;">iStick A300, máy tính nhỏ gọn với vi xử lý 2/4 nhân chạy Android với nhiều cổng kết nối</a></div>
                            <div class="icon">
                                <?php echo Fuel\Core\Asset::img('icon/icon-eating.jpg', array('style' => 'width: 30px; border-radius: 2px;'));?>
                            </div>
                            <div class="datetime">Ngày 15 tháng 10 năm 2014</div>
                            <div class="aff uppercase">CHEMGIO</div>
                        </div>
                        <p class="row"> 
                            <?php echo Fuel\Core\Asset::img('happy/happy.jpeg', array('class' => 'col-xs-4 img-responsive beta'));?>
                            <span class="col-xs-8">Trong khi Surface Pro 3 vẫn còn nóng hổi thì hôm nay chúng ta tiếp tục có thêm thông tin về lộ trình sản phẩm trong tương lai của Microsoft. Những thông tin này được tin là xuất phát từ một nhân viên đang làm việc cho các dự án của Microsoft.</span>
                        </p>
                    </li>
                    <li>
                        <div class="heading">
                            <div class="title"><a href="#" style="color: #5A4181;">iStick A300, máy tính nhỏ gọn với vi xử lý 2/4 nhân chạy Android với nhiều cổng kết nối</a></div>
                            <div class="icon">
                                <?php echo Fuel\Core\Asset::img('icon/icon-eating.jpg', array('style' => 'width: 30px; border-radius: 2px;'));?>
                            </div>
                            <div class="datetime">Ngày 15 tháng 10 năm 2014</div>
                            <div class="aff uppercase">CHEMGIO</div>
                        </div>
                        <p class="row"> 
                            <?php echo Fuel\Core\Asset::img('happy/happy.jpeg', array('class' => 'col-xs-4 img-responsive beta'));?>
                            <span class="col-xs-8">Trong khi Surface Pro 3 vẫn còn nóng hổi thì hôm nay chúng ta tiếp tục có thêm thông tin về lộ trình sản phẩm trong tương lai của Microsoft. Những thông tin này được tin là xuất phát từ một nhân viên đang làm việc cho các dự án của Microsoft.</span>
                        </p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="col-xs-2 beta">
        <div class="">
            <ul class="list-group list">
                    <li>
                        <a href="#">
                            <div class="bg-img">
                                <?php echo \Fuel\Core\Asset::img('icon/icon-eating.jpg', array('class' => 'img-responsive'));?>
                                <div>
                                    <label>Ăn uống</label>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="bg-img">
                                <?php echo \Fuel\Core\Asset::img('icon/icon-visit.jpg', array('class' => 'img-responsive'));?>
                                <div>
                                    <label>Du lịch</label>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="bg-img">
                                <?php echo \Fuel\Core\Asset::img('icon/icon-phuot.jpg', array('class' => 'img-responsive'));?>
                                <div>
                                    <label>Phượt</label>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <div class="bg-img">
                                <?php echo \Fuel\Core\Asset::img('icon/icon-film.jpg', array('class' => 'img-responsive'));?>
                                <div>
                                    <label>Phim</label>
                                </div>
                            </div>
                        </a>
                    </li>
                </ul>
        </div>
    </div>
    <div class="col-xs-3">
        <div class="box">
            <ul class="nav nav-divider box">
                <li class='<?php echo isset($subnav) && $subnav == "home" ? "active" : ""; ?>'>
                    <?php echo \Fuel\Core\Html::anchor('home/index', 'Trang chủ');?>
                </li>
                <li class='<?php echo isset($subnav) && $subnav == "index" ? "active" : ""; ?>'>
                    <?php echo \Fuel\Core\Html::anchor('frontend/post/index', 'Đề thi');?>
                </li>
                <li class='<?php echo isset($subnav) && $subnav == "create_post" ? "active" : ""; ?>'>
                    <?php echo \Fuel\Core\Html::anchor('frontend/post/create', 'Đăng đề thi');?>
                </li>
                <li class='<?php echo isset($subnav) && $subnav == "index_happy" ? "active" : ""; ?>'>
                    <?php echo \Fuel\Core\Html::anchor('frontend/happy/index', 'Chém gió');?>
                </li>
            </ul>
        </div>
        <div class="box box-sidbar space-section">
            <div class="label-box" style="background-color: #4F7CA1;">
                TIN TỨC SINH VIÊN
            </div>
            <ul class="list-slider">
                <li class="row">
                    <div class="col-xs-4">
                        <a href="#"><?php echo \Fuel\Core\Asset::img('slider/news-1.jpg', array('class' => 'img-responsive'));?></a>
                    </div>
                    <div class="col-xs-8 anpha">
                        <a href="#" class="des-news">Sausage Bacon and Eggs with Hashbrowns</a>
                    </div>
                </li>
                <li class="row">
                    <div class="col-xs-4">
                        <a href="#"><?php echo \Fuel\Core\Asset::img('slider/news-1.jpg', array('class' => 'img-responsive'));?></a>
                    </div>
                    <div class="col-xs-8 anpha">
                        <a href="#" class="des-news">Sausage Bacon and Eggs with Hashbrowns</a>
                    </div>
                </li>
                <li class="row">
                    <div class="col-xs-4">
                        <a href="#"><?php echo \Fuel\Core\Asset::img('slider/news-1.jpg', array('class' => 'img-responsive'));?></a>
                    </div>
                    <div class="col-xs-8 anpha">
                        <a href="#" class="des-news">Sausage Bacon and Eggs with Hashbrowns</a>
                    </div>
                </li>
                <li class="row">
                    <div class="col-xs-4">
                        <a href="#"><?php echo \Fuel\Core\Asset::img('slider/news-1.jpg', array('class' => 'img-responsive'));?></a>
                    </div>
                    <div class="col-xs-8 anpha">
                        <a href="#" class="des-news">Sausage Bacon and Eggs with Hashbrowns</a>
                    </div>
                </li>
                <li class="row">
                    <div class="col-xs-4">
                        <a href="#"><?php echo \Fuel\Core\Asset::img('slider/news-1.jpg', array('class' => 'img-responsive'));?></a>
                    </div>
                    <div class="col-xs-8 anpha">
                        <a href="#" class="des-news">Sausage Bacon and Eggs with Hashbrowns</a>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>